// $navigationBarBackgroundColor: #0658ec
// @primary-ivory:#f6f8fa;
// @primary-color: #ff2442;
// @primary-light: #ff5c70;
// @primary-white:#fff;
// @text-white: #ffffff;
// @text-gray: #666666;
// @card-bg: rgba(255, 255, 255, 0.15);
// @border-radius: 12px;
//@primary-border-color:#efefef;


// ========================================================================
// 🌈 主题颜色系统 (Color Tokens)
// 建议：使用语义化命名，便于后期支持暗黑模式、多主题
// ========================================================================

// ========================
// 1. 品牌主色 (Brand Colors)
// ========================
@color-primary:           #ff2442;          // 主红色
@color-primary-light:     #ff5c70;          // 主色浅版（hover/激活）
@color-primary-dark:      #d41b36;          // 主色深版（按下/强调）

// 可选：辅助色（如果需要多色系统）
@color-white: #fff;
@color-secondary:         #0658ec;          // 蓝色（如导航栏）
@color-success:           #07c160;          // 成功绿色
@color-warning:           #ff9900;          // 警告橙色
@color-error:             #fa3c3c;          // 错误红色
@color-info:              #10aeff;          // 信息蓝色

@color-blue:                #3b82f6;
@color-danger:              #ef4444;
@color-text-dark:           #333333;
// ========================
// 2. 背景色 (Background Colors)
// ========================
@color-bg-page:           #f6f8fa;          // 页面背景（原 ivory）
@color-bg-card:           rgba(255, 255, 255, 0.15); // 卡片半透明背景
@color-bg-overlay:        rgba(0, 0, 0, 0.5);        // 遮罩层

// 状态背景
@color-bg-success:        #e8f5e8;
@color-bg-warning:        #fff8e6;
@color-bg-error:          #ffe8e8;
@color-bg-info:           #e6f4ff;

// ========================
// 3. 文字颜色 (Text Colors)
// ========================
@color-text-white: #ffffff;    // 白色文字（用于深色背景）
@color-text-secondary:    #666666;          // 次要文字（灰）
@color-text-placeholder:  #999999;          // 占位文字
@color-text-disabled:     #cccccc;          // 禁用文字
@color-text-link:         @color-primary;   // 链接文字

// ========================
// 4. 边框颜色 (Border Colors)
// ========================
@color-border:            #efefef;          // 默认边框
@color-border-light:      #f5f5f5;          // 浅边框
@color-border-dark:       #dddddd;          // 深边框
@color-border-divider:    #eaeaea;          // 分割线专用

// ========================
// 5. 特殊状态颜色
// ========================
@color-disabled:          #cccccc;          // 禁用状态
@color-divider:           @color-border-divider; // 分割线颜色
@color-skeleton:          #f0f0f0;          // 骨架屏背景

// ========================
// 6. 透明度变量（可选，增强控制）
// ========================
@opacity-10: 0.1;
@opacity-20: 0.2;
@opacity-30: 0.3;
@opacity-50: 0.5;
@opacity-70: 0.7;
@opacity-85: 0.85;
@opacity-100: 1;

// ========================
// 7. 渐变色（可复用）
// ========================
@gradient-primary:        linear-gradient(135deg, @color-primary, @color-primary-light);
@gradient-primary-vertical:  linear-gradient(to bottom, @color-primary, @color-primary-dark);

@icon-color-dark: #007AFF;